<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Sign up - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <!-- CSS files -->
    <link href="{{asset('/static/web/css/tabler.min.css')}}" rel="stylesheet"/>
    <link href="{{asset('/static/web/css/tabler-flags.min.css')}}" rel="stylesheet"/>
    <link href="{{asset('/static/web/css/tabler-payments.min.css')}}" rel="stylesheet"/>
    <link href="{{asset('/static/web/css/tabler-vendors.min.css')}}" rel="stylesheet"/>
    <link href="{{asset('/static/web/css/demo.min.css')}}" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="page page-center">
    <div class="container-tight py-4">
        <div class="text-center mb-4">
            <a href="."><img src="{{asset('/static/web/logo.svg')}}" height="36" alt=""></a>
        </div>
        <form class="card card-md">
            <div class="card-body">
                <h2 class="card-title text-center mb-4">用户登录</h2>
                <div class="mb-3">
                    <label class="form-label">邮箱</label>
                    <input type="email" id="email" class="form-control" placeholder="Enter email" autocomplete ="email">
                    <div class="invalid-feedback" id="invalid-email"></div>
                </div>
                <div class="mb-3">
                    <label class="form-label">密码</label>
                    <div class="input-group input-group-flat">
                        <input type="password" id="password" class="form-control"  placeholder="Password"  autocomplete="off" autocomplete ="new-password">
                        <span class="input-group-text">
                            <a onclick="showPassword()" class="link-secondary" data-bs-toggle="tooltip">
                                <!-- Download SVG icon from http://tabler-icons.io/i/eye -->
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                     viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <circle cx="12" cy="12" r="2" />
                                    <path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" />
                                </svg>
                            </a>
                        </span>
                    </div>
                    <div class="invalid-feedback" id="invalid-password"></div>
                </div>
                <label class="form-label">
                    <a href="./forgot-password.html" class="float-right small" style="text-decoration:underline;float: right;font-weight: 400;">忘记密码</a>
                    <a href="./show-register.html" class="float-right small" style="text-decoration:underline;margin-right: 5%;float: right;font-weight: 400;">注册</a>
                </label>
                <div class="form-footer" style="margin-top: 3rem;">
                    <button type="button" class="btn btn-primary w-100" onclick="userLogin()">登录</button>
                </div>
            </div>
        </form>
        <div class="text-center text-muted mt-3">
            无法登录? <a href="{{route('user::question')}}" tabindex="-1">联系管理员</a>
        </div>
    </div>
</div>
<!--登录成功弹出层-->
<div class="modal modal-blur fade" id="modal-success" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="btn-close" id="register-success" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-status bg-success"></div>
            <div class="modal-body text-center py-4">
                <!-- Download SVG icon from http://tabler-icons.io/i/circle-check -->
                <svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-green icon-lg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
                <h3>登录成功</h3>
                <div class="text-muted">祝您有一个愉快的体验,您也可以<a href="{{route('user::question')}}" tabindex="-1">联系我们</a></div>
            </div>
            <div class="modal-footer">
                <div class="w-100">
                    <div class="row">
                        <div class="col">
                            <a class="btn btn-white w-100" data-bs-dismiss="modal" id ="experience-now">
                                立即体验<div id="experience-now-time" style="padding-left: 5px"></div>
                            </a>
                            <input id="experience-now-after" type="hidden" value="0">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--登录失败弹出层-->
<div class="modal modal-blur fade" id="modal-danger" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="btn-close" id="register-fail" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-status bg-danger"></div>
            <div class="modal-body text-center py-4">
                <!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle -->
                <svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-danger icon-lg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                <h3>登录失败</h3>
                <div class="text-muted">请联系管理员.</div>
            </div>
            <div class="modal-footer">
                <div class="w-100">
                    <div class="row">
                        <div class="col">
                            <a href="{{route('user::question')}}" class="btn btn-white w-100" data-bs-dismiss="modal">
                                立即联系
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--未注册弹出层-->
<div class="modal modal-blur fade" id="modal-register" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="btn-close" id="not-register" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-status bg-danger"></div>
            <div class="modal-body text-center py-4">
                <!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle -->
                <svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-danger icon-lg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                <h3>邮箱未注册</h3>
            </div>
            <div class="modal-footer">
                <div class="w-100">
                    <div class="row">
                        <div class="col">
                            <a class="btn btn-white w-100" data-bs-dismiss="modal" id ="register-now">
                                立即注册<div id="register-now-time" style="padding-left: 5px"></div>
                            </a>
                            <input id="register-now-after" type="hidden" value="0">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="{{asset('/static/web/js/jquery-3.6.0.js')}}"></script>
<script src="{{asset('/static/web/js/tabler.min.js')}}"></script>
<script src="{{asset('/static/web/js/user/login.js')}}"></script>
</body>
</html>